<template>
  <el-container>
     <!-- <div class="Jump">
        <el-button
        @click="Jump"
        style="margin-right: 20px"
        icon="el-icon-back"
        type="primary"
        >返回上一页1212</el-button
      >
   </div>
    <el-header>
  
      <rz-height></rz-height>
      <div class="title">
        {{ data.operAtorName || data.unitname }}
      </div>
      <rz-height></rz-height>
      <div>
        <el-tag>{{ data.districtName + "—" + data.streetName }}</el-tag>
        <el-tag type="warning"
          >{{ data.bodyindustry
          }}{{
            data.bodyindustryremarks ? "--" + data.bodyindustryremarks : ""
          }}</el-tag
        >
        <el-tag type="success" v-if="data.isspecialfood == 1">特殊食品</el-tag>
        <el-tag type="success" v-if="data.isnetbusiness == 1">网络经营</el-tag>
        <el-tag type="success" v-if="data.islargerkitchen == 1"
          >中央厨房</el-tag
        >
        <el-tag type="success" v-if="data.iscollectivedistribution == 1"
          >集体用餐配送</el-tag
        >
        <el-tag type="success" v-if="data.ishealthfood == 1">保健食品</el-tag>
        <el-tag type="success" v-if="data.isbbf == 1">婴幼儿配方食品</el-tag>
        <el-tag type="success" v-if="data.isspecialmedicine == 1"
          >特殊医学用途配方食品</el-tag
        >
      </div>
      <rz-height></rz-height>
      <el-row :gutter="20">
        <el-col :span="8">统一社会信用代码：{{ data.identify }}</el-col>
        <el-col :span="12">营业执照名称：{{ data.unitname }}</el-col>
      </el-row>
      <rz-height></rz-height>

      <el-row :gutter="20">
        <el-col :span="8" v-if="data.newlicenseno"
          >许可证编号：{{ data.newlicenseno }}</el-col
        >
        <el-col :span="12">经营者名称：{{ data.operAtorName }}</el-col>
      </el-row>
      <rz-height></rz-height>

      <el-row :gutter="20">
        <el-col :span="8">注册日期：{{ data.createDateTimeStr }}</el-col>
        <el-col :span="12"
          >地址：{{ data.productionAddress || data.address }}</el-col
        >
      </el-row>
    </el-header>
    <el-container class="content">
      <el-aside width="200px" :style="{ height: height }">
        <happy-scroll size="5" resize>
          <el-menu :default-active="defaultActive" router @select="menuSelect"  active-text-color="#ffffff" text-color="#000">
            <el-menu-item
              :index="item.modulePathUrl+'Copy'"
              v-for="item in list"
              :key="item.moduleId"
            >
              <span slot="title">{{ item.moduleName }}</span>
            </el-menu-item>
          </el-menu>
        </happy-scroll>
      </el-aside>
      <el-main>
        <router-view></router-view>
      </el-main>
    </el-container> -->
  </el-container>
</template>
<script>
// import { HappyScroll } from "vue-happy-scroll";
//自定义组件名
// Vue.component('happy-scroll', HappyScroll)
// 引入css
// import "vue-happy-scroll/docs/happy-scroll.css";
import {
  CompanyMainPageInfo,
  findByBodyIndustry,
} from "@/api/modules/enterprise";
export default {
  // props:[],
  // 页面加载
  created() {
    // this.getCompanyMainPageInfo();
    // this.height = document.body.clientHeight - 130 + "px";
    // if (sessionStorage.getItem("menuSelect")) {
    //   this.defaultActive = sessionStorage.getItem("menuSelect");
    // }
  },
  // 页面加载完成
  mounted() {},
  //实例销毁之前
  beforeDestroy() {
    sessionStorage.removeItem("menuSelect");
  },
  //实例销毁后
  destroyed() {},
  data() {
    return {
      // data: {},
      // list: [],
      // height: "200px",
      // defaultActive: "/enterprise/comprehensiveCopy",
    };
  },
  // 方法
  methods: {
//     getCompanyMainPageInfo() {
//       // 该业态
//       CompanyMainPageInfo({
//         params: {
//           id: sessionStorage.getItem("id"),
//         },
//       }).then((res) => {
//         // console.log(res.data.bodyindustryremarks=='高等教育机构');
//         this.data = res.data;
//         let bodyindustryremarks = "";
//         if (res.data.bodyindustryremarks.includes("托育（托幼）")) {
//           bodyindustryremarks = "幼托机构食堂";
//         } else if (res.data.bodyindustryremarks.includes("学校")||res.data.bodyindustryremarks=='高等教育机构'||res.data.bodyindustryremarks.includes("中学机构(初、高中)")||res.data.bodyindustryremarks=='中等职业教育机构'||res.data.bodyindustryremarks=='小学机构') {
//           bodyindustryremarks = "学校食堂";
//         } else if (res.data.bodyindustryremarks.includes("集体用餐")||res.data.bodyindustryremarks.includes("中央厨房")) {
//           bodyindustryremarks = "集体用餐配送或中央厨房";
//         }  else if (res.data.bodyindustryremarks=='医院食堂') {
//           bodyindustryremarks = "机关企事业单位食堂";
//         } else if (res.data.bodyindustryremarks == "机关单位食堂") {
//          bodyindustryremarks = "机关企事业单位食堂";
//         } else {
//           bodyindustryremarks = res.data.bodyindustryremarks;
//         }
//         this.getBodyIndustry({
//           bodyindustry: res.data.bodyindustry,
//           bodyindustryremarks,
//           isspecialfood: res.data.isspecialfood,
//         });
//       });
//     },
//     getBodyIndustry(data) {
//       findByBodyIndustry(data).then((res) => {
//         if (!res.data.length) {
//           setTimeout(() => {
//             this.$router.push("/foodSafety/archives/archives");
//           }, 2000);
//           return this.$message("该单位信息暂未完善");
//         }

//         this.list = res.data
//           .filter(
//             (x) =>
//               x.moduleId !== "2021001" &&
//               x.moduleId !== "2021002" 
//               // &&
//               // x.moduleId !== "2021013"
//           )
//           .filter((x) => x.parentId == 0);
//         this.list.unshift({
//           accordingRequirements:
//             "依据《中华人民共和国食品安全法》规章要求实施细则;",
//           bodyIndustry: "单位食堂",
//           bodyIndustryId: "2021017",
//           bodyIndustryRemarks: "学校食堂",
//           createTime: "2021-10-19",
//           frequencyNumber: 0,
//           frequencyType: 6,
//           functionScore: 0,
//           id: "1172272220228026381",
//           isSpecialFood: 0,
//           isTaskItem: 0,
//           moduleFullName: "综合分析",
//           moduleId: "2021119",
//           moduleName: "综合分析",
//           moduleSort: 2,
//           remark: "",
//           modulePathUrl: "/enterprise/comprehensive",
//           updateTime: "2021-10-21",
//         });
// //     this.list.push({
// //           accordingRequirements:
// //             "依据《中华人民共和国食品安全法》规章要求实施细则;",
// //           bodyIndustry: "单位食堂",
// //           bodyIndustryId: "2021017",
// //           bodyIndustryRemarks: "学校食堂",
// //           createTime: "2021-10-19",
// //           frequencyNumber: 0,
// //           frequencyType: 6,
// //           functionScore: 0,
// //           id: "1172272220228026382",
// //           isSpecialFood: 0,
// //           isTaskItem: 0,
// //           moduleFullName: "综合分析",
// //           moduleId: "2021119",
// //           moduleName: "食品抽检",
// //           moduleSort: 2,
// //           remark: "",
// //           modulePathUrl: "/enterprise/spotCheck",
// //           updateTime: "2021-10-21",
// //         });

// //    this.list.push({
// //           accordingRequirements:
// //             "依据《中华人民共和国食品安全法》规章要求实施细则;",
// //           bodyIndustry: "单位食堂",
// //           bodyIndustryId: "2021017",
// //           bodyIndustryRemarks: "学校食堂",
// //           createTime: "2021-10-19",
// //           frequencyNumber: 0,
// //           frequencyType: 6,
// //           functionScore: 0,
// //           id: "1172272220228026382",
// //           isSpecialFood: 0,
// //           isTaskItem: 0,
// //           moduleFullName: "综合分析",
// //           moduleId: "2021119",
// //           moduleName: "监督检查",
// //           moduleSort: 2,
// //           remark: "",
// //           modulePathUrl: "/enterprise/supervise",
// //           updateTime: "2021-10-21",
// //         });

// //  this.list.push({
// //           accordingRequirements:
// //             "依据《中华人民共和国食品安全法》规章要求实施细则;",
// //           bodyIndustry: "单位食堂",
// //           bodyIndustryId: "2021017",
// //           bodyIndustryRemarks: "学校食堂",
// //           createTime: "2021-10-19",
// //           frequencyNumber: 0,
// //           frequencyType: 6,
// //           functionScore: 0,
// //           id: "1172272220228026383",
// //           isSpecialFood: 0,
// //           isTaskItem: 0,
// //           moduleFullName: "综合分析",
// //           moduleId: "2021119",
// //           moduleName: "负面因素",
// //           moduleSort: 2,
// //           remark: "",
// //           modulePathUrl: "/enterprise/negative",
// //           updateTime: "2021-10-21",
// //         });


//         // &&x.moduleId!=="2021012"
//         // this.data=res.data
//       });
//     },
//     menuSelect(e) {
//       sessionStorage.setItem("menuSelect", e);
//     },
//     Jump() {
//       this.$router.push(
//         sessionStorage.getItem("router") || "/foodSafety/archives/archives"
//       );
//     },
  },
  // 监听属性
  watch: {},
  // 组件
  components: {
    "happy-scroll": HappyScroll,
  },
  // 计算属性
  computed: {},
};
</script>

<style lang="scss" scoped>
.el-container {
  height: 100%;
  .el-header {
    padding: 20px;
    height: auto !important;
    background: $default;
    color: #ffffff;
    .title {
      font-size: 25px;
      font-weight: 700;
    }
    .el-tag {
      margin-right: 10px;
    }
   
  }
 .Jump{
      padding: 10px;
      background: #2e40d1;
    }
  .el-main {
    background-color: #f2f2f2;
    height: 100%;
  }
  .content {
    height: calc(100% - 260px);
    .el-aside {
      height: 100% !important;
      /deep/.happy-scroll-container {
        width: 100% !important;
        height: 100% !important;
        .happy-scroll-content {
          height: 100%;
          width: 100%;
        }
      }
      /deep/ .el-menu {
        border-right: none;
         .is-active{
           background-color: $default;
           opacity: 0.7;
         }
      }
    }
  }
}
</style>